<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>共享文件桶</title>
    <link rel="icon" type="shortcut icon" th:href="@{/assets/img/favicon.ico}"/>
    <link rel="stylesheet" th:href="@{/assets/modules/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/assets/modules/dtree/dtree.css}">
    <link rel="stylesheet" th:href="@{/assets/modules/dtree/font/dtreefont.css}">
    <link rel="stylesheet" th:href="@{/assets/css/common.css}">
</head>

<body>

<div class="header">
    <div class="layui-container">
        <div class="layui-logo">
            <cite><div class="layui-hide-xs"><img th:src="@{/assets/img/logo.png}"/>共享文件桶</div></cite>
        </div>
    </div>

    <ul class="layui-nav layui-layout-right">

        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:void(0)" id="fullScreen" title="全屏"><i
                    class="layui-icon layui-icon-screen-full"></i></a>
        </li>
        <li class="layui-nav-item" lay-unselect>
            <a style="margin-right: 10px;">
                <cite th:utext="${loginUser.nickname}"/>
            </a>
            <dl class="layui-nav-child">
                <dd lay-unselect><a href="javascript:void(0)" id="logout" data-url="/logout"><i
                        class="layui-icon layui-icon-logout"></i>退出</a>
                </dd>
            </dl>
        </li>
    </ul>
</div>

<div class="layui-container" style="padding-top: 15px;">
    <div class="layui-card">

        <div class="layui-card-header">
            <i class="layui-icon layui-icon-return" onclick="history.back()" style="margin-right: 10px;" title="返回"></i>
            当前文件夹: <span style="color:#1e9fff;"><cite th:utext="${thisDir}" id="rootDir"/></span></div>
        <div class="layui-card-body">
            <div class="layui-row" style="margin-bottom: 50px;">
                <div class="layui-col-sm3 layui-col-xs12" style="margin-bottom: 10px;">
                    <div id="ID-tree-demo-showLine"></div>
                </div>
                <div class="layui-col-sm9 layui-col-xs12" style="border: 3px solid #9f9f9f; height: 600px;">
                    <div style="padding: 10px 10px;">
                        <span style="line-height: 30px;">
                            文件夹详情: <span id="thisdir" style="color:#1e9fff;"></span>
                        </span>

                        <button id="btnUpload"
                                style="float: right; margin-right: 10px;"
                                class="layui-btn layui-btn-sm layui-btn-normal icon-btn"><i
                                class="layui-icon">&#xe681;</i>上传文件
                        </button>
                    </div>

                    <table class="layui-hide" id="ID-table-demo-data" lay-filter="test"></table>
                </div>
            </div>
        </div>

    </div>
</div>


<div class="layui-footer layui-text">
    copyright © 2024 zhangrui.i all rights reserved.
</div>

<script type="text/html" id="barDemo">
    <div class="layui-clear-space">
        <a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="open">打开/下载</a>
        <a class="layui-btn layui-btn-xs" lay-event="rename">重命名</a>
        <a class="layui-btn layui-btn-xs layui-bg-red" lay-event="delete">删除</a>
    </div>
</script>

<script type="text/javascript" th:src="@{/assets/modules/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/assets/modules/clipboard.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/main.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/common.js}"></script>
<script type="text/javascript" th:src="@{/assets/modules/js-base64/base64.js}"></script>

</body>
</html>
